// pages/sharePoster/sharePoster.js
import mode from "../../utils/mode.js";
Page({

  /**
   * 页面的初始数据
   */
  data: {
    imagePath:"",
    shareImage: '',
    loading: true,
    maskHidden:false
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    const eventChannel = this.getOpenerEventChannel()
    eventChannel.on('share', (share) => {
      console.log(share,'===================')
      this.share = share
      setTimeout(()=>{
        this.configPainter();
      }, 0)      
    });
  },
  configPainter() {
    let template = null;
    template = this.getProductTemplate()
    this.setData({
      template: template
    })
  },
  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {
    var  that = this;
    that.formSubmit();

  },
  onSave: function (e) {
    wx.saveImageToPhotosAlbum({
      filePath: this.data.shareImage,
      success(res) {
        wx.showToast({
          title: '保存图片成功',
          icon: 'success',
          duration: 2000
        })
      },
      fail(err) {
        console.log(err);
      }
    })
  },
  onImgOK(e) {
    this.imagePath = e.detail.path;
    console.log(e)
    this.setData({
      shareImage: this.imagePath,
      loading: false
    })
  },
  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {

  },

  //点击生成海报
  formSubmit: function (e) {
    var that = this;
    wx.showToast({
      title: '海报生成中...',
      icon: 'loading',
      duration: 1000
    });

    setTimeout(function () {
      wx.hideToast()
      that.setData({
        maskHidden: true
      });
    }, 1000);
  },
  
  //文本换行
  dealWords(options) {
    options.ctx.setFontSize(options.fontSize);//设置字体大小
    var allRow = Math.ceil(options.ctx.measureText(options.word).width / options.maxWidth);//实际总共能分多少行
    var count = allRow >= options.maxLine ? options.maxLine : allRow;//实际能分多少行与设置的最大显示行数比，谁小就用谁做循环次数
 
    var endPos = 0;//当前字符串的截断点
    for (var j = 0; j < count; j++) {
      var nowStr = options.word.slice(endPos);//当前剩余的字符串
      var rowWid = 0;//每一行当前宽度    
      if (options.ctx.measureText(nowStr).width > options.maxWidth) {//如果当前的字符串宽度大于最大宽度，然后开始截取
        for (var m = 0; m < nowStr.length; m++) {
          rowWid += options.ctx.measureText(nowStr[m]).width;//当前字符串总宽度
          if (rowWid > options.maxWidth) {
            if (j === options.maxLine - 1) { //如果是最后一行
              options.ctx.fillText(nowStr.slice(0, m - 1) + '...', options.x, options.y + (j + 1) * 25);    //(j+1)*20这是每一行的高度        
            } else {
              options.ctx.fillText(nowStr.slice(0, m), options.x, options.y + (j + 1) * 25);
            }
            endPos += m;//下次截断点
            break;
          }
        }
      } else {//如果当前的字符串宽度小于最大宽度就直接输出
        options.ctx.fillText(nowStr.slice(0), options.x, options.y + (j + 1) * 25);
      }
    }
  },
  //点击保存到相册
  baocun: function () {
    var that = this
    wx.saveImageToPhotosAlbum({
      filePath: that.data.imagePath,
      success(res) {
        wx.showModal({
          content: '图片已保存到相册，赶紧晒一下吧~',
          showCancel: false,
          confirmText: '好的',
          confirmColor: '#333',
          success: function (res) {
            if (res.confirm) {
              console.log('用户点击确定');
              /* 该隐藏的隐藏 */
              that.setData({
                maskHidden: false
              })
            }
          }, fail: function (res) {
            console.log(11111)
          }
        })
      }
    })
  },
  getProductTemplate() {
    return {
      "width": "375px",
      "height": "1300px",
      "background": "#fff",
    "views": [
      // 报告编号 / 生成日期
      {
        "type": "text",
        "text": "报告编号 / 生成日期",
        "css": {
          "color": "#000000",
          "background": "rgba(0,0,0,0)",
          "width": "180px",
          "height": "14.299999999999997px",
          "top": "29px",
          "left": "15px",
          "rotate": "0",
          "borderRadius": "",
          "borderWidth": "",
          "borderColor": "#000000",
          "shadow": "",
          "padding": "0px",
          "fontSize": "10px",
          "fontWeight": "normal",
          "maxLines": "2",
          "lineHeight": "14.430000000000003px",
          "textStyle": "fill",
          "textDecoration": "none",
          "fontFamily": "Abel",
          "textAlign": "left"
        }
      },
      //数据  编号/日期
      {
        "type": "text",
        "text": this.share.shareData.report_no +"/" + this.share.shareData.date,
        "css": {
          "color": "#000000",
          "background": "rgba(0,0,0,0)",
          "width": "200px",
          "height": "14.299999999999997px",
          "top": "29px",
          "left": "160px",
          "rotate": "0",
          "borderRadius": "",
          "borderWidth": "",
          "borderColor": "#000000",
          "shadow": "",
          "padding": "0px",
          "fontSize": "10px",
          "fontWeight": "normal",
          "maxLines": "2",
          "lineHeight": "14.430000000000003px",
          "textStyle": "fill",
          "textDecoration": "none",
          "fontFamily": "",
          "textAlign": "right"
        }
      },
      //HI上边线
      {
        "type": "rect",
        "css": {
          "background": "#000000",
          "width": "345px",
          "height": "1px",
          "top": "52px",
          "left": "15px",
          "rotate": "0",
          "borderRadius": "",
          "shadow": "",
          "color": "#000000"
        }
      },
      // Hi XXX
      {
        "type": "text",
        "text": "Hi " + this.share.shareData.userName +"，",
        "css": {
          "color": "#000000",
          "background": "rgba(0,0,0,0)",
          "width": "200px",
          "height": "27.119999999999997px",
          "top": "63px",
          "left": "24px",
          "rotate": "0",
          "borderRadius": "",
          "borderWidth": "",
          "borderColor": "#000000",
          "shadow": "",
          "padding": "0px",
          "fontSize": "24px",
          "fontWeight": "normal",
          "maxLines": "2",
          "lineHeight": "26.64px",
          "textStyle": "fill",
          "textDecoration": "none",
          "fontFamily": "Able",
          "textAlign": "left"
        }
      },
      // 你的肌肤类型
      {
        "type": "text",
        "text": "你的肌肤类型与20%的用户接近",
        "css": {
          "color": "#000000",
          "background": "rgba(0,0,0,0)",
          "width": "320px",
          "height": "24.220000000000002px",
          "top": "95px",
          "left": "24px",
          "rotate": "0",
          "borderRadius": "",
          "borderWidth": "",
          "borderColor": "#000000",
          "shadow": "",
          "padding": "0px",
          "fontSize": "14px",
          "fontWeight": "normal",
          "maxLines": "2",
          "lineHeight": "24.864000000000004px",
          "textStyle": "fill",
          "textDecoration": "none",
          "fontFamily": "Able",
          "textAlign": "left"
        }
      },
      // HI下边 由于...作用
      // {
      //   "type": "text",
      //   "text": this.share.shareData.proposal ? this.share.shareData.proposal : '',
      //   "css": {
      //     "color": "#000000",
      //     "background": "rgba(0,0,0,0)",
      //     "width": "320px",
      //     "height": "43.67999999999999px",
      //     "top": "123px",
      //     "left": "24px",
      //     "rotate": "0",
      //     "borderRadius": "",
      //     "borderWidth": "",
      //     "borderColor": "#000000",
      //     "shadow": "",
      //     "padding": "0px",
      //     "fontSize": "10px",
      //     "fontWeight": "normal",
      //     "maxLines": "3",
      //     "lineHeight": "14.430000000000003px",
      //     "textStyle": "fill",
      //     "textDecoration": "none",
      //     "fontFamily": "Able",
      //     "textAlign": "left"
      //   }
      // },
      // 未知线
      {
        "type": "rect",
        "css": {
          "background": "#000000",
          "width": "345px",
          "height": "1px",
          "top": "250px",
          "left": "452px",
          "rotate": "0",
          "borderRadius": "",
          "shadow": "",
          "color": "#000000"
        }
      },
      // 未知线
      {
        "type": "rect",
        "css": {
          "background": "#000000",
          "width": "345px",
          "height": "1px",
          "top": "250px",
          "left": "452px",
          "rotate": "0",
          "color": "#000000"
        }
      },
      // 未知线
      {
        "type": "rect",
        "css": {
          "background": "#000000",
          "width": "345px",
          "height": "1px",
          "top": "173px",
          "left": "452px",
          "rotate": "0",
          "borderRadius": "",
          "shadow": "",
          "color": "#000000"
        }
      },
      // 表格第一横线
      {
        "type": "rect",
        "css": {
          "background": "#000000",
          "width": "345px",
          "height": "1px",
          "top": "126px",
          "left": "15px",
          "rotate": "0",
          "borderRadius": "",
          "shadow": "",
          "color": "#000000"
        }
      },
      // 表格第二横线
      {
        "type": "rect",
        "css": {
          "background": "#000000",
          "width": "345px",
          "height": "1px",
          "top": "210px",
          "left": "15px",
          "rotate": "0",
          "borderRadius": "",
          "shadow": "",
          "color": "#000000"
        }
      },
      // 表格第三横线
      {
        "type": "rect",
        "css": {
          "background": "#000000",
          "width": "345px",
          "height": "1px",
          "top": "340px",
          "left": "15px",
          "rotate": "0",
          "borderRadius": "",
          "shadow": "",
          "color": "#000000"
        }
      },
      // 表格第四横线
      {
        "type": "rect",
        "css": {
          "background": "#000000",
          "width": "345px",
          "height": "1px",
          "top": "437px",
          "left": "15px",
          "rotate": "0",
          "borderRadius": "",
          "shadow": "",
          "color": "#000000"
        }
      },
      // 表格竖线
      {
        "type": "rect",
        "css": {
          "background": "#000000",
          "width": "1px",
          "height": "310px",
          "top": "126px",
          "left": "89px",
          "rotate": "0",
          "borderRadius": "",
          "shadow": "",
          "color": "#000000"
        }
      },
      //等级R图标
      {
        "type": "image",
        "url": this.share.shareData.nameUrl ? this.share.shareData.nameUrl : '',
        "css": {
          "width": "60px",
          "height": "60px",
          "top": "139px",
          "left": "18px",
          "rotate": "0",
          "borderRadius": "",
          "borderWidth": "",
          "borderColor": "#000000",
          "shadow": "",
          "mode": "scaleToFill"
        }
      },
      // 第一个  图标右侧肌肤问题#XXX#
      {
        "type": "text",
        "text": this.share.shareData.effect && this.share.shareData.effect[0] ? '#' + this.share.shareData.effect[0] + '#' : '',
        "css": {
          "color": "#000000",
          "background": "rgba(0,0,0,0)",
          "width": "80px",
          "height": "25.56px",
          "top": "144px",
          "left": "107px",
          "rotate": "0",
          "borderRadius": "",
          "borderWidth": "",
          "borderColor": "#000000",
          "shadow": "",
          "padding": "0px",
          "fontSize": "12px",
          "fontWeight": "normal",
          "maxLines": "1",
          "lineHeight": "26.64px",
          "textStyle": "fill",
          "textDecoration": "none",
          "fontFamily": "Abel",
          "textAlign": "left"
        }
      },
      // 第二个  图标右侧肌肤问题#XXX#
      {
        "type": "text",
        "text": this.share.shareData.effect && this.share.shareData.effect[1] ? '#' + this.share.shareData.effect[1] + '#' : '',
        "css": {
          "color": "#000",
          "background": "rgba(0,0,0,0)",
          "width": "80px",
          "height": "25.56px",
          "top": "144px",
          "left": "190px",
          "rotate": "0",
          "borderRadius": "",
          "borderWidth": "",
          "borderColor": "#000000",
          "shadow": "",
          "padding": "0px",
          "fontSize": "12px",
          "fontWeight": "normal",
          "maxLines": "1",
          "lineHeight": "26.64px",
          "textStyle": "fill",
          "textDecoration": "none",
          "fontFamily": "Abel",
          "textAlign": "left"
        }
      },
      // 第三个  图标右侧肌肤问题#XXX#
      {
        "type": "text",
        "text": this.share.shareData.effect && this.share.shareData.effect[2] ? '#' + this.share.shareData.effect[2] + '#' : '',
        "css": {
          "color": "#000",
          "background": "rgba(0,0,0,0)",
          "width": "80px",
          "height": "25.56px",
          "top": "174px",
          "left": "107px",
          "rotate": "0",
          "borderRadius": "",
          "borderWidth": "",
          "borderColor": "#000000",
          "shadow": "",
          "padding": "0px",
          "fontSize": "12px",
          "fontWeight": "normal",
          "maxLines": "1",
          "lineHeight": "26.64px",
          "textStyle": "fill",
          "textDecoration": "none",
          "fontFamily": "Abel",
          "textAlign": "left"
        }
      },
      // 第四个  图标右侧肌肤问题#XXX#
      {
        "type": "text",
        "text": this.share.shareData.effect && this.share.shareData.effect[3] ? '#' + this.share.shareData.effect[3] + '#' : '',
        "css": {
          "color": "#000",
          "background": "rgba(0,0,0,0)",
          "width": "70px",
          "height": "25.56px",
          "top": "174px",
          "left": "190px",
          "rotate": "0",
          "borderRadius": "",
          "borderWidth": "",
          "borderColor": "#000000",
          "shadow": "",
          "padding": "0px",
          "fontSize": "12px",
          "fontWeight": "normal",
          "maxLines": "1",
          "lineHeight": "26.64px",
          "textStyle": "fill",
          "textDecoration": "none",
          "fontFamily": "Abel",
          "textAlign": "left"
        }
      },
      // 目前适合的成份
      {
        "type": "text",
        "text": "目前适合的成份",
        "css": {
          "color": "#000000",
          "background": "rgba(0,0,0,0)",
          "width": "60px",
          "height": "37.60399999999999px",
          "top": "228px",
          "left": "23px",
          "rotate": "0",
          "borderRadius": "",
          "borderWidth": "",
          "borderColor": "#000000",
          "shadow": "",
          "padding": "0px",
          "fontSize": "14px",
          "fontWeight": "normal",
          "maxLines": "2",
          "lineHeight": "18.648px",
          "textStyle": "fill",
          "textDecoration": "none",
          "fontFamily": "Able",
          "textAlign": "left"
        }
      },
      //合适 ！图标
      {
        "type": "image",
        "url": 'https://2am-project.cn/img/20220404/notice.png',
        "css": {
          "width": "8px",
          "height": "8px",
          "top": "254px",
          "left": "70px",
          "rotate": "0",
          "borderRadius": "",
          "borderWidth": "",
          "borderColor": "#000000",
          "shadow": "",
          "mode": "scaleToFill"
        }
      },
      // +
      {
        "type": "text",
        "text": "+",
        "css": {
          "color": "#000000",
          "background": "rgba(0,0,0,0)",
          "width": "20px",
          "height": "23.939999999999994px",
          "top": "269px",
          "left": "23px",
          "rotate": "0",
          "borderRadius": "",
          "borderWidth": "",
          "borderColor": "#000000",
          "shadow": "",
          "padding": "0px",
          "fontSize": "18px",
          "fontWeight": "normal",
          "maxLines": "1",
          "lineHeight": "23.976000000000003px",
          "textStyle": "fill",
          "textDecoration": "none",
          "fontFamily": "Able",
          "textAlign": "left"
        }
      },
      
      // 第一个   适用成分
      {
        "type": "text",
        "text": this.share.shareData.fit && this.share.shareData.fit[0] ? this.share.shareData.fit[0] : '',
        "css": {
          "color": "#000",
          "background": "rgba(0,0,0,0)",
          "width": "72px",
          "height": "13.299999999999999px",
          "top": "242px",
          "left": "126px",
          "rotate": "0",
          "borderRadius": "",
          "borderWidth": "",
          "borderColor": "#000000",
          "shadow": "",
          "padding": "0px",
          "fontSize": "10px",
          "fontWeight": "normal",
          "maxLines": "1",
          "lineHeight": "13.32px",
          "textStyle": "fill",
          "textDecoration": "none",
          "fontFamily": "Abel",
          "textAlign": "center"
        }
      },
      // 第一个   适用成分   外框
      {
        "type": "rect",
        "css": {
          "background": "rgba(0,0,0,0)",
          "width": "120px",
          "height": "30px",
          "top": "232px",
          "left": "104px",
          "rotate": "0",
          "borderRadius": "15px",
          "borderWidth": "1px",
          "borderColor": this.share.shareData.fit && this.share.shareData.fit[0] ?"#000":"#FFF",
          "shadow": "",
          "color": "rgba(0,0,0,0)"
        }
      },
      // 第二个   适用成分   外框
      {
        "type": "rect",
        "css": {
          "background": "rgba(0,0,0,0)",
          "width": "120px",
          "height": "30px",
          "top": "233px",
          "left": "232px",
          "rotate": "0",
          "borderRadius": "15px",
          "borderWidth": "1px",
          "borderColor": this.share.shareData.fit && this.share.shareData.fit[1] ?"#000":"#FFF",
          "shadow": "",
          "color": "rgba(0,0,0,0)"
        }
      },
      // 第二个   适用成分
      {
        "type": "text",
        "text": this.share.shareData.fit && this.share.shareData.fit[1] ? this.share.shareData.fit[1] : '',
        "css": {
          "color": "#000",
          "background": "rgba(0,0,0,0)",
          "width": "72px",
          "height": "13.299999999999999px",
          "top": "244px",
          "left": "252px",
          "rotate": "0",
          "borderRadius": "",
          "borderWidth": "",
          "borderColor": "#000000",
          "shadow": "",
          "padding": "0px",
          "fontSize": "10px",
          "fontWeight": "normal",
          "maxLines": "1",
          "lineHeight": "13.32px",
          "textStyle": "fill",
          "textDecoration": "none",
          "fontFamily": "Abel",
          "textAlign": "center"
        }
      },
      // 第三个   适用成分
      {
        "type": "text",
        "text": this.share.shareData.fit && this.share.shareData.fit[2] ? this.share.shareData.fit[2] : '',
        "css": {
          "color": "#000",
          "background": "rgba(0,0,0,0)",
          "width": "72px",
          "height": "13.299999999999999px",
          "top": "282px",
          "left": "120px",
          "rotate": "0",
          "borderRadius": "",
          "borderWidth": "",
          "borderColor": "#000000",
          "shadow": "",
          "padding": "0px",
          "fontSize": "10px",
          "fontWeight": "normal",
          "maxLines": "1",
          "lineHeight": "13.32px",
          "textStyle": "fill",
          "textDecoration": "none",
          "fontFamily": "Abel",
          "textAlign": "center"
        }
      },
      // 第三个   适用成分   外框
      {
        "type": "rect",
        "css": {
          "background": "rgba(0,0,0,0)",
          "width": "103px",
          "height": "30px",
          "top": "272px",
          "left": "105px",
          "rotate": "0",
          "borderRadius": "15px",
          "borderWidth": "1px",
          "borderColor": this.share.shareData.fit && this.share.shareData.fit[2] ?"#000":"#FFF",
          "shadow": "",
          "color": "rgba(0,0,0,0)"
        }
      },
      // 谨慎避免的成分
      {
        "type": "text",
        "text": "谨慎避免的成分",
        "css": {
          "color": "#000000",
          "background": "rgba(0,0,0,0)",
          "width": "60px",
          "height": "37.60399999999999px",
          "top": "359px",
          "left": "23px",
          "rotate": "0",
          "borderRadius": "",
          "borderWidth": "",
          "borderColor": "#000000",
          "shadow": "",
          "padding": "0px",
          "fontSize": "14px",
          "fontWeight": "normal",
          "maxLines": "2",
          "lineHeight": "18.648px",
          "textStyle": "fill",
          "textDecoration": "none",
          "fontFamily": "Able",
          "textAlign": "left"
        }
      },
      //不适 ！图标
      {
        "type": "image",
        "url": 'https://2am-project.cn/img/20220404/notice.png',
        "css": {
          "width": "8px",
          "height": "8px",
          "top": "385px",
          "left": "70px",
          "rotate": "0",
          "borderRadius": "",
          "borderWidth": "",
          "borderColor": "#000000",
          "shadow": "",
          "mode": "scaleToFill"
        }
      },
      // -
      {
        "type": "text",
        "text": "-",
        "css": {
          "color": "#000000",
          "background": "rgba(0,0,0,0)",
          "width": "20px",
          "height": "23.939999999999994px",
          "top": "397px",
          "left": "23px",
          "rotate": "0",
          "borderRadius": "",
          "borderWidth": "",
          "borderColor": "#000000",
          "shadow": "",
          "padding": "0px",
          "fontSize": "18px",
          "fontWeight": "normal",
          "maxLines": "1",
          "lineHeight": "23.976000000000003px",
          "textStyle": "fill",
          "textDecoration": "none",
          "fontFamily": "Able",
          "textAlign": "left"
        }
      },
      // 第一个   不适用成分   外框
      {
        "type": "rect",
        "css": {
          "background": "rgba(0,0,0,0)",
          "width": "103px",
          "height": "30px",
          "top": "360px",
          "left": "102px",
          "rotate": "0",
          "borderRadius": "15px",
          "borderWidth": "1px",
          "borderColor": this.share.shareData.disable && this.share.shareData.disable[0] ?"#000":"#FFF",
          "shadow": "",
          "color": "rgba(0,0,0,0)"
        }
      },
      // 第一个   不适用成分   
      {
        "type": "text",
        "text": this.share.shareData.disable && this.share.shareData.disable[0] ? this.share.shareData.disable[0]: '',
        "css": {
          "color": "#000",
          "background": "rgba(0,0,0,0)",
          "width": "72px",
          "height": "13.299999999999999px",
          "top": "370px",
          "left": "116px",
          "rotate": "0",
          "borderRadius": "",
          "borderWidth": "",
          "borderColor": "#000000",
          "shadow": "",
          "padding": "0px",
          "fontSize": "10px",
          "fontWeight": "normal",
          "maxLines": "1",
          "lineHeight": "13.32px",
          "textStyle": "fill",
          "textDecoration": "none",
          "fontFamily": "Abel",
          "textAlign": "center"
        }
      },
      // 第二个   不适用成分 
      {
        "type": "text",
        "text": this.share.shareData.disable && this.share.shareData.disable[1] ? this.share.shareData.disable[1]: '',
        "css": {
          "color": "#000",
          "background": "rgba(0,0,0,0)",
          "width": "72px",
          "height": "13.299999999999999px",
          "top": "370px",
          "left": "241px",
          "rotate": "0",
          "borderRadius": "",
          "borderWidth": "",
          "borderColor": "#000000",
          "shadow": "",
          "padding": "0px",
          "fontSize": "10px",
          "fontWeight": "normal",
          "maxLines": "1",
          "lineHeight": "13.32px",
          "textStyle": "fill",
          "textDecoration": "none",
          "fontFamily": "Abel",
          "textAlign": "center"
        }
      },
      // 第二个   不适用成分   外框
      {
        "type": "rect",
        "css": {
          "background": "rgba(0,0,0,0)",
          "width": "103px",
          "height": "30px",
          "top": "361px",
          "left": "221px",
          "rotate": "0",
          "borderRadius": "15px",
          "borderWidth": "1px",
          "borderColor": this.share.shareData.disable && this.share.shareData.disable[1] ?"#000":"#FFF",
          "shadow": "",
          "color": "rgba(0,0,0,0)"
        }
      },
      // for  用户名
      // {
      //   "type": "text",
      //   "text": "FOR " + this.share.shareData.userName,
      //   "css": {
      //     "color": "#000000",
      //     "background": "rgba(0,0,0,0)",
      //     "width": "111px",
      //     "height": "18.619999999999997px",
      //     "top": "504.99999999999994px",
      //     "left": "24px",
      //     "rotate": "0",
      //     "borderRadius": "",
      //     "borderWidth": "",
      //     "borderColor": "#000000",
      //     "shadow": "",
      //     "padding": "0px",
      //     "fontSize": "14px",
      //     "fontWeight": "normal",
      //     "maxLines": "1",
      //     "lineHeight": "18.648px",
      //     "textStyle": "fill",
      //     "textDecoration": "none",
      //     "fontFamily": "Abel",
      //     "textAlign": "left"
      //   }
      // },
      // 针对性肌肤护理方案
      // {
      //   "type": "text",
      //   "text": "针对性肌肤护理方案",
      //   "css": {
      //     "color": "#000000",
      //     "background": "rgba(0,0,0,0)",
      //     "width": "131px",
      //     "height": "18.619999999999997px",
      //     "top": "521px",
      //     "left": "24px",
      //     "rotate": "0",
      //     "borderRadius": "",
      //     "borderWidth": "",
      //     "borderColor": "#000000",
      //     "shadow": "",
      //     "padding": "0px",
      //     "fontSize": "14px",
      //     "fontWeight": "normal",
      //     "maxLines": "1",
      //     "lineHeight": "18.648px",
      //     "textStyle": "fill",
      //     "textDecoration": "none",
      //     "fontFamily": "Abel",
      //     "textAlign": "left"
      //   }
      // },
      // 方案编号 *****
      // {
      //   "type": "text",
      //   "text": "方案编号：" + this.share.shareData.num,
      //   "css": {
      //     "color": "#000000",
      //     "background": "rgba(0,0,0,0)",
      //     "width": "111px",
      //     "height": "13.299999999999999px",
      //     "top": "592px",
      //     "left": "25px",
      //     "rotate": "0",
      //     "borderRadius": "",
      //     "borderWidth": "",
      //     "borderColor": "#000000",
      //     "shadow": "",
      //     "padding": "0px",
      //     "fontSize": "10px",
      //     "fontWeight": "normal",
      //     "maxLines": "1",
      //     "lineHeight": "13.32px",
      //     "textStyle": "fill",
      //     "textDecoration": "none",
      //     "fontFamily": "Abel",
      //     "textAlign": "left"
      //   }
      // },
      // 查看产品推荐按钮
      // {
      //   "type": "text",
      //   "text": "查看产品推荐",
      //   "css": {
      //     "color": "#ffffff",
      //     "background": "rgba(0,0,0,0)",
      //     "width": "86px",
      //     "height": "20.02px",
      //     "top": "513px",
      //     "left": "240px",
      //     "rotate": "0",
      //     "borderRadius": "",
      //     "borderWidth": "",
      //     "borderColor": "#000000",
      //     "shadow": "",
      //     "padding": "0px",
      //     "fontSize": "14px",
      //     "fontWeight": "normal",
      //     "maxLines": "1",
      //     "lineHeight": "20.202000000000005px",
      //     "textStyle": "fill",
      //     "textDecoration": "none",
      //     "fontFamily": "Abel",
      //     "textAlign": "left"
      //   }
      // },
      // 推荐产品黑色背景
      // {
      //   "type": "rect",
      //   "css": {
      //     "background": "#000",
      //     "width": "140px",
      //     "height": "32px",
      //     "top": "504px",
      //     "left": "214px",
      //     "rotate": "0",
      //     "borderRadius": "16px",
      //     "shadow": "",
      //     "color": "#000"
      //   }
      // },
      // 推荐产品下横线
      // {
      //   "type": "rect",
      //   "css": {
      //     "background": "#000",
      //     "width": "345px",
      //     "height": "1px",
      //     "top": "613px",
      //     "left": "16px",
      //     "rotate": "0",
      //     "borderRadius": "",
      //     "shadow": "",
      //     "color": "#000"
      //   }
      // },


      //体验装模块
      // 基础类型
      {
        "type": "text",
        "text": "基础类型",
        "css": {
          "color": "#000",
          "width": "80px",
          "height": "17px",
          "top": "460px",
          "left": "23px",
          "rotate": "0",
          "fontSize": "14px",
          "fontWeight": "normal",
          "lineHeight": "17px",
          "textStyle": "fill",
          "textDecoration": "none",
          "fontFamily": "Abel",
          "textAlign": "left"
        }
      },
      // 基础类型值
      {
        "type": "text",
        "text": this.share.shareData.testOne||'',
        "css": {
          "color": "#000",
          "width": "150px",
          "height": "17px",
          "top": "460px",
          "right": "23px",
          "rotate": "0",
          "fontSize": "14px",
          "fontWeight": "normal",
          "lineHeight": "17px",
          "textStyle": "fill",
          "textDecoration": "none",
          "fontFamily": "Abel",
          "textAlign": "right"
        }
      },
      // 1日体验方案
      {
        "type": "text",
        "text": "1日体验方案",
        "css": {
          "color": "#000",
          "width": "80px",
          "height": "17px",
          "top": "477px",
          "left": "23px",
          "rotate": "0",
          "fontSize": "14px",
          "fontWeight": "normal",
          "lineHeight": "17px",
          "textStyle": "fill",
          "textDecoration": "none",
          "fontFamily": "Abel",
          "textAlign": "left"
        }
      },
      // 1日体验方案值
      {
        "type": "text",
        "text": this.share.shareData.testTwo||'',
        "css": {
          "color": "#000",
          "width": "150px",
          "height": "17px",
          "top": "477px",
          "right": "23px",
          "rotate": "0",
          "fontSize": "14px",
          "fontWeight": "normal",
          "lineHeight": "17px",
          "textStyle": "fill",
          "textDecoration": "none",
          "fontFamily": "Abel",
          "textAlign": "right"
        }
      },
      //体验装图片
      {
        "type": "image",
        "url": this.share.shareData.testGoodUrl ? this.share.shareData.testGoodUrl : this.share.shareData.imgUrl,
        "css": {
          "width": "152px",
          "height": "103px",
          "top": "514px",
          "left": "26px",
          "rotate": "0",
          "borderRadius": "",
          "borderWidth": "",
          "borderColor": "#000000",
          "shadow": "",
          "mode": "scaleToFill"
        }
      },
      //体验装名称
      {
        "type": "text",
        "text": "专属1日护肤体验装(免费领取)",
        "css": {
          "color": "#000000",
          "background": "rgba(0,0,0,0)",
          "width": "150px",
          "height": "18.619999999999997px",
          "top": "602px",
          "left": "210px",
          "rotate": "0",
          "borderRadius": "",
          "borderWidth": "",
          "borderColor": "#000000",
          "shadow": "",
          "padding": "0px",
          "fontSize": "10px",
          "fontWeight": "normal",
          "maxLines": "1",
          "lineHeight": "18.648px",
          "textStyle": "fill",
          "textDecoration": "none",
          "fontFamily": "Abel",
          "textAlign": "right"
        }
      },
      // 体验产品下横线
      {
        "type": "rect",
        "css": {
          "background": "#000",
          "width": "345px",
          "height": "1px",
          "top": "638px",
          "left": "16px",
          "rotate": "0",
          "borderRadius": "",
          "shadow": "",
          "color": "#000"
        }
      },
      // 皮肤科专家团专研设计
      {
        "type": "text",
        "text": "皮肤科专家团专研设计\n个性化皮肤评估体系",
        "css": {
          "color": "#818181",
          "background": "rgba(0,0,0,0)",
          "width": "103px",
          "height": "28.989999999999995px",
          "top": "680px",
          "left": "26px",
          "rotate": "0",
          "borderRadius": "",
          "borderWidth": "",
          "borderColor": "#000000",
          "shadow": "",
          "padding": "0px",
          "fontSize": "10px",
          "fontWeight": "normal",
          "maxLines": "2",
          "lineHeight": "14.430000000000003px",
          "textStyle": "fill",
          "textDecoration": "none",
          "fontFamily": "Abel",
          "textAlign": "left"
        }
      },
      //签名图片
      {
        "type": "image",
        "url": "https://2am-project.oss-cn-beijing.aliyuncs.com/img/sign.png",
        "css": {
          "width": "124px",//172px
          "height": "91px",//52px
          "top": "648px",//665px
          "left": "235px",//187px
          "rotate": "0",
          "borderRadius": "",
          "borderWidth": "",
          "borderColor": "#000000",
          "shadow": "",
          "mode": "scaleToFill"
        }
      },
      // 签名横线
      {
        "type": "rect",
        "css": {
          "background": "rgba(185,185,185,0.4)",
          "height": "0.6px",
          "width": "126px",
          "top": "705px",
          "left": "235px",
          "rotate": "0",
          "borderRadius": "",
          "shadow": "",
          "color": "#C3C3C3"
        }
      },
      // 签名模块下横线
      {
        "type": "rect",
        "css": {
          "background": "#000",
          "width": "345px",
          "height": "1px",
          "top": "751px",
          "left": "16px",
          "rotate": "0",
          "borderRadius": "",
          "shadow": "",
          "color": "#000"
        }
      },
      // 扫一扫
      {
        "type": "text",
        "text": "扫一扫                        \n查看你的精准护肤方案",
        "css": {
          "color": "#000000",
          "background": "rgba(0,0,0,0)",
          "width": "192px",
          "height": "37.60399999999999px",
          "top": "790px",
          "left": "27px",
          "rotate": "0",
          "borderRadius": "",
          "borderWidth": "",
          "borderColor": "#000000",
          "shadow": "",
          "padding": "0px",
          "fontSize": "14px",
          "fontWeight": "normal",
          "maxLines": "2",
          "lineHeight": "18.648px",
          "textStyle": "fill",
          "textDecoration": "none",
          "fontFamily": "Abel",
          "textAlign": "left"
        }
      },
      // 2AM官方小程序
      {
        "type": "text",
        "text": "2AM官方小程序",
        "css": {
          "color": "#000000",
          "background": "rgba(0,0,0,0)",
          "width": "103px",
          "height": "18.619999999999997px",
          "top": "1011px",
          "left": "259px",
          "rotate": "0",
          "borderRadius": "",
          "borderWidth": "",
          "borderColor": "#000000",
          "shadow": "",
          "padding": "0px",
          "fontSize": "14px",
          "fontWeight": "normal",
          "maxLines": "1",
          "lineHeight": "18.648px",
          "textStyle": "fill",
          "textDecoration": "none",
          "fontFamily": "Abel",
          "textAlign": "right"
        }
      },
      // 底部二维码图片
      {
        "type": "image",
        "url": "https://2am-project.cn/img/share_imge/erweima.jpg",
        "css": {
          "width": "176px",
          "height": "176px",
          "top": "853px",
          "left": "15px",
          "rotate": "0",
          "borderRadius": "",
          "borderWidth": "",
          "borderColor": "#000000",
          "shadow": "",
          "mode": "scaleToFill"
        }
      },
      // 底部2AM图片
      {
        "type": "image",
        "url": "https://2am-project.cn/img/share_imge/2am.png",
        "css": {
          "width": "344px",
          "height": "112px",
          "top": "1046px",
          "left": "16px",
          "rotate": "0",
          "borderRadius": "",
          "borderWidth": "",
          "borderColor": "#000000",
          "shadow": "",
          "mode": "scaleToFill"
        }
      },
    ]
  }
}
})